@charset "UTF-8";
::-webkit-scrollbar{width: 8px;}
::-webkit-scrollbar-track{background: #fff;}
::-webkit-scrollbar-thumb{background: #f0515e;}
::-webkit-scrollbar-thumb:window-inactive{background: #f0515e;}
::-webkit-scrollbar-thumb:vertical:hover{background: #f0515e;}


.h30{height:30px;width:100%;}
.w1520{margin: 0 auto;width:1200px}
.w1440{margin: 0 auto;width:1200px}
.w1100{margin: 0 auto;width:1200px;position:relative}

html, body{color: #222;background:#c0d5f8;font-family: '微软雅黑';  }
input, textarea, select,pre{margin: 0;padding: 0;font-family: '微软雅黑';}
input{border: none;}
a{color: #333;transition: color 0.3s ease 0s;font-family: '微软雅黑';}
a:hover{color: #e60027;}
li{float: left;}
ul:after{display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;content: ".";}
img.up-pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;*height: auto;}
.fl{ float:left;display: inline;}
.fr{ float:right;display: inline;}
.height17{ height:1.7%; margin:0 auto; overflow:hidden}
.height50{ height:50px; margin:0 auto; overflow:hidden}
.f-cb{ clear:both}
.body-wrap {width: 100%;position: relative;  }
.nofloat{float:none;display:inline-block;}

.main{ margin:0 auto;}



#topbox{ width:100%;  height:40px;line-height:40px;  overflow:hidden;color:#fff;background:#507ccf;position:relative; top:0;font-size:12px;z-index:997;}
.topleft{ float:left; }
.topright{ float:right;text-align:right;}
.topright li{ list-style:none; }
.topright li a{display: inline;height: 40px; line-height:40px; color:#fff; float:left; padding:0 15px 0 35px;  }
.topright li.link1 a{background:#3c6ecd url(../images/cn.png) no-repeat 10px; margin-left:12px;margin-right:1px; }
.topright li.link2 a{background:#3c6ecd url(../images/en.png) no-repeat 10px;}


header.fixed {position: fixed;left: 0;top: 0; z-index:996; height:90px ;  }
header.fixed .header-main{position: fixed;left: 0;top: 0; z-index:996; }
header.fixed .header-main{width: 100%;background: #FFF;transition: padding 0.3s ease 0s, transform 0.5s ease 0s;}
header.fixed .logo{display:block;}
header.fixed .logo img{transition: all 0.3s ease 0s;padding:10px 0}
header.fixed .nav a.tit-a{display: inline-block;padding:22px 0px 0px 31px; line-height:22px;text-align:center;}
header.fixed  .nav li:after{position:absolute;top:50%;left:-15px;content:"";display:inline-block;vertical-align:top;width:15px;height:50px;margin-top:-17px;background:url(../images/nav_li.gif) no-repeat center center;}

header{position: relative;z-index: 999;transition: transform 0.5s ease 0s;height:100px;transition: all 1s; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);}
header .header-main{width: 100%;transition: padding 0.3s ease 0s, transform 0.5s ease 0s;}
header .logo{display:block;}
header .logo img{transition: all 0.3s ease 0s;padding:15px 0}
header .nav{font-size:16px;float:right; }

header .nav li{position: relative; margin-left:26px}
header .nav li:after{position:absolute;top:50%;left:-13px;content:"";display:inline-block;vertical-align:top;width:30px;height:50px;margin-top:-12px;background:url(../images/nav_li.gif) no-repeat center center;}

header .nav li:first-child:after{opacity:0;display:none; padding:0 0px}
header .nav a.tit-a{display: inline-block;padding:27px 0px 0px 26px; line-height:22px;text-align:center; color:#333;}
header .nav a.tit-a:hover{color:#ea0b0b;}
header .nav li.cur a.tit-a{color:#ea0b0b; }
header .nav a b{ font-weight:normal; display:block;font-size:10px;text-transform:uppercase;line-height:100%; color:#666; background:#fff; margin-top:6PX;PADDING:4PX 0px;  border-top:1px #eee solid; font-family:Arial; border-bottom:1px #eee solid}
header .nav a.tit-a:hover b{ color:#ea0b0b; }
header .nav li.cur a.tit-a b{   color:#ea0b0b}




/*分页样式*/
.pagenum { text-align:center; overflow:hidden;margin:10px auto;padding-top:32px; display:block}
.pagenum a {margin: 0 5px;font-size:16px; padding:8px 20px;background: #fff; display:inline-block; border-radius:3px;}
.pagenum a:hover {color: #fff !important; padding:8px 20px;background-color: #ec3142;;}
.pagenum .current {margin: 0 5px;color: #fff !important; padding:8px 20px;background-color: #ec3142;display:inline-block;font-size:16px ;border-radius:3px; }
.pagenum .firstPage,.pagenum .nextPage,.pagenum .prePage,.pagenum .lastPage {background: #fff;padding:8px 20px;}


/*懒加载*/

.page-more{ display:none}
.load-more{width:250px; display:block;color: #fff; height:55px;line-height: 55px;border-radius:50px; text-align: center;font-size: 16px;background: #ec3142;cursor: pointer;transition: all 0.4s ease 0s; text-transform:uppercase; margin:20px auto; overflow:hidden; border:1px #ec3142 solid;}
.load-more:hover{background:#507ccf;color: #fff;border:1px #507ccf solid }
.load-more:hover a{ color:#fff}



/*上一夜，下一页 */
.productPage {overflow:hidden; position:relative;padding:20px 0;}
.productPage a { font-weight:bold; display:block; float: left; line-height:50px; height:50px;font-size:14px;  text-align: center;   overflow:hidden;  color:#fff; text-transform:uppercase;}
.productPage a i { display: inline-block; width: 17px; height:12px;margin:0 5px}
.productPage a.list{ background:#ec3142; width:34%}
.productPage a.prev ,.productPage a.next { background:#507ccf;  width:33% }
.productPage a.prev i { background: url(../images/arrow3.png) no-repeat center center; }
.productPage a.list i { background: url(../images/icon12.png) no-repeat center center; }
.productPage a.next i { background: url(../images/arrow4.png) no-repeat center center; }






/*Footer*/


footer{background-color: #303030; padding:40px 0px 30px;}
footer .top-wrap{padding-bottom:20px; border-bottom: 1px solid #444;line-height: 40px;font-size:16px;}
footer .top-wrap .nav { float:left}
footer .top-wrap .nav a{display: inline; font-size:16px; float: left; color: #ccc; transition: opacity 0.3s ease 0s;}
footer .top-wrap .nav a:hover{ color:#fff}
footer .top-wrap .nav .line{display: inline-block;float: left;width: 1px; height: 10px; background-color:#444; margin: 15px 15px}
footer .top-wrap .call{ float:right; display: inline-block; color: #ccc;  }

footer .bot-wrap{/*line-height: 42px;*/ line-height:35px; padding-top:20px; font-size:14px;color: #ccc; }
footer .bot-wrap p{color: #ccc; text-transform: uppercase;}
footer .bot-wrap a{color: #ccc; transition: all 0.3s ease 0s;}
footer .bot-wrap a:hover{color: #fff;}
footer .bot-wrap .site-img{display: inline-block;}



.m-new-float{ overflow:hidden}
.m-new-float{display:none;position: fixed;left: 0;bottom: 0%;z-index: 50;width: 100%;height:60px;background: #f45365;}
.m-new-float li{position: relative;width: 33.3%;height: 60px;line-height: 27px;color: #fff;float: left;text-align: center;}
.m-new-float li.hover{overflow: hidden;}
.m-new-float li a{display: inline-block;color: #fff;font-size: 12px;padding-top:30px}
.m-new-float li.tel{background: url(../images/tel.png) no-repeat center 10px;cursor: pointer; }
.m-new-float li.mobile{background: url(../images/mb.png) no-repeat center 10px;cursor: pointer; }
.m-new-float li.add{background: url(../images/add.png) no-repeat center 10px;cursor: pointer; }




.nTab{margin:10px 0;overflow:hidden;  }
.none {display:none;}
.nTab .TabTitle{background:#6583b9; }
.nTab .TabTitle li{float:left;cursor:pointer;height:60px;line-height:60px;text-align:center;position:relative; background:#507ccf;color:#fff;font-size:16px}
.nTab .TabTitle li.count4{width:25%;}
.nTab .TabTitle li.count2{width:50%}
.nTab .TabTitle li:after{position:absolute;top:50%;right:0;content:"";display:inline-block;vertical-align:top;width:1px;height:60px;margin-top:-30px;background:#fff;}
.nTab .TabTitle li:last-child:after{opacity:0;display:none}
.nTab .TabTitle li a{ font-size:16px}
.nTab .TabTitle .active{background:#ec3142;color:#fff;font-size:16px}



.nTab .TabContent{clear:both;overflow:hidden;display:block;}
.TabItem,.TabItem1,.TabItem2{display:block;}
.TabItem2{margin-left:0 !important;}
.TabItem2 li{width:50% !important;}
.case_img{width:50%;float:left;padding-top:30px;box-sizing:border-box;}
.case_img img{object-fit: cover;display: block;width: 100%;height: 100%;}
.case_content{width:50%;float:left;}